.anima-block {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrap {
  overflow: visible !important;
  width: fit-content;
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.anima-block .line {
  position: relative;
  width: 100%;
  height: calc(100% / 2);
  overflow: visible !important;
}

.anima-block .line:nth-child(1) {
  align-items: flex-start;
}

.anima-block .line:nth-child(2) {
  align-items: flex-end;
}

.anima-block .line div {
  position: absolute;
  z-index: 100;
  background: #fff;
  width: 10px;
  height: 10px;
  opacity: .7;
}

.anima-block .line:nth-child(1) div:nth-child(1) {
  top: 0;
  left: 0;
  transform: translate(-100%, -100%);
}

.anima-block .line:nth-child(1) div:nth-child(2) {
  top: 0;
  left: 100%;
  transform: translate(0, -100%);
}

.anima-block .line:nth-child(2) div:nth-child(1) {
  top: 100%;
  left: 0;
  transform: translate(-100%, 0);
}

.anima-block .line:nth-child(2) div:nth-child(2) {
  top: 100%;
  left: 100%;
  transform: translate(0, 0);
}

.ooo {
  letter-spacing: 1px;
  opacity: 0;
}

.ooo * {
  opacity: 0;
}